{extend name="base-sub" /}

{block name="title"}基因治疗领域进展 - geneholo{/block}

{block name="head"}
<link rel="stylesheet" href="/assets/plugins/timeliner/css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="/assets/plugins/timeliner/css/responsive.css" type="text/css" media="screen">
<link rel="stylesheet" href="/assets/plugins/timeliner/inc/colorbox.css" type="text/css" media="screen">
{/block}

{block name="body"}
<!-- sign-module -->   
<header data-background="/assets/images/banner-frontier.png" data-height="30%" class="ct-header" style="background-image: url('/assets/images/banner-frontier.png');background-size:100%;min-width:1200px;">
  <div class="inner landing-page">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h4 class="header-font">Frontier progress：</h4>
          <h3 class="header-font">The whole world is accelerating in the field of gene therapy.</h3>
          <!-- <ol class="breadcrumb">
            <li>
              <a href="/">公司</a></li>
            <li class="active">前沿进展</li></ol> -->
        </div>
      </div>
    </div>
  </div>
</header>

<!-- sign-module -->  
<section class="ct-u-padding-top-35 ct-u-padding-bottom-50" style="">
  <div class="container">
  <div class="row">
  <div class="col-sm-12">
    <!-- <p class="lead editable" id="untitled-region-3"><span id="keep-tag">基因治疗的前世今生和最新进展</span></p> -->
    <style>
      .-section-item-1 {
        background-image: url(/assets/images/bg-06.png);
      }
      .-section-item-2 {
        background-image: url(/assets/images/bg-07.png);
      }
      /* .-section-item {
          float: left;
          height: 100px;
          width: 48%; 
          text-align: right;
          font-size: 30px;
          border: 1px solid #ddd;
          padding-right: 1em;
          line-height: 100px;
          margin: 1%;
          background-size: auto 90%;
          background-position: 10px center;
      } */
      .-section-item {
          float: left;
          height: 48%;
          width: 48%; 
          text-align: center;
          font-size: 30px;
          margin: 1%;
          background-size: cover;
          background-repeat: no-repeat;
          padding-top: 100px;
          padding-bottom: 100px;
          border-radius: 20px;
          overflow: hidden;
      }
      .-section-item a {
        display: inline-block;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.275);
        color: #fff; 
      }
      /* .-section-item:hover {
        background-color: #ddd;
      } */
    </style>
    <div class="col-md-12 pl0 editable -section" style="margin-bottom:14px;margin-top: 30px;">
        <div class="-section-item -section-item-1">
            <a href="{:url('Index/frontierGeneTherapy')}">基因治疗领域进展</a>
        </div>
        <div class="-section-item -section-item-2">
            <a href="{:url('Index/frontierGeneholo')}">琻葫芦进展</a>
        </div>
      
    </div>
  </div>
  </div>
  </div>
</section>
{/block}

{block name="tail"}
<script type="text/javascript" src="/assets/plugins/timeliner/js/jquery.min.js"></script>
<script type="text/javascript" src="/assets/plugins/timeliner/inc/colorbox.js"></script>
<script type="text/javascript" src="/assets/plugins/timeliner/js/timeliner.min.js"></script>
<script type="text/javascript">
  // $(document).ready(function() {
	// 	$.timeliner({
	// 		startOpen:['#19550828EX', '#19630828EX']
	// 	});
	// 	$.timeliner({
	// 		timelineContainer: '#timelineContainer_2'
	// 	});
	// 	// Colorbox Modal
	// 	$(".CBmodal").colorbox({inline:true, initialWidth:100, maxWidth:682, initialHeight:100, transition:"elastic",speed:750});
	// });
</script>
{/block}